<script setup lang="ts">
import SideBar from "./SideBar.vue";
import ProductList from "./ProductList.vue";
import TopBar from "./TopBar.vue";
import { reactive, ref, onMounted } from "vue";
</script>

<template>
  <view class="flex flex-col w-full h-full justify-between">
    <top-bar></top-bar>
    <view class="flex flex-row w-full justify-between flex-1">
      <side-bar></side-bar>
      <product-list></product-list>
    </view>
  </view>
</template>
